export interface Themecolor{
    "--headerColor":string;
    "--background":string;
    "--fontColor":string;
    "--color":string;

}
// 暗主题
const derkColors={
    "--background":"#282c35",
    "--color":"#fff",
    "--headerColor":"#282c35",
    "--footerColor":"#282c35",
    "--boardColor":"#363c48",
    "--boxshadow":"0 2px 15px 0 rgba(26,26,27,0.637)",
    "--imgOpt":"opacity(60%)",
    "--fontColor":"#b9bbbf" //右侧标签/分类字体颜色
}

// 亮主题
const lightcolors={
    "--background":"#e7eaee",
    "--color":"#000",
    "--headerColor":"#fff",
    "--footerColor":"#292525",
    "--boardColor":"#fff",
    "--boxshadow":"5px 5px 500px  rgba(211,220,220)",
    "--imgOpt":"opacity(100%)",
    "--fontColor":"#595959" //右侧标签/分类字体颜色
}
// 暗主题切换
export const changedark=()=>{
    for(let k in derkColors)
    {
        document.documentElement.style.setProperty(k,derkColors[k as keyof Themecolor] )
    }
}
// 亮主题切换
export const changeht=()=>{
    for(let k in lightcolors)
    {
        document.documentElement.style.setProperty(k,lightcolors[k as keyof Themecolor] )
    }
}
